
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页面</title>
    <link rel="stylesheet" href="WEB-INF/js/bootstrap.min.css">

  
</head>
<!-- 设置左边和上面的距离 使表格显示居中位子 -->
<body style="padding-left:400px ;padding-top:100px">
    <button class="btn btn-primary" id="add">
     <!-- <a href="./add.html" target="blank"> -->
        新增
    <!-- </a> --></button>
    <button class="btn btn-primary" id="del">删除</button>
    <button class="btn btn-primary "id="updata">编辑</button>
    <button class="btn btn-primary" id="select">查询</button>

    <!-- <button class="btn">按工号查询</button> 
        <button class="btn">按姓名查询</button>  -->
    <input type="text" name="" id="selId" placeholder="按工号查询">
    <input type="text" name="" id="selName" placeholder="按姓名查询">

    
    <!-- <form> -->
        <!-- 表头 -->
        <table class="table table-responsive" style="width:800px ">
            <tr>
                <th>序号</th>
                <th>工号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>密码</th>
                <th>年龄</th>
                <th>出生日期</th>
            </tr>
        <!-- 表格内容 -->
        
            <tr class="info">
                    <td><input type="checkbox"></td>
                    <td>1001</td>
                    <td>张三</td>
                    <td>女</td>
                    <td>1234</td>
                    <td>29</td>
                    <td>1991-1-1</td>
                </tr>
                <tr class="warning">
                    <td><input type="checkbox"></td>
                    <td>1002</td>
                    <td>李四</td>
                    <td>男</td>
                    <td>1234</td>
                    <td>28</td>
                    <td>1992-2-2</td>
                </tr>
    
                <tr class="info">
                    <td><input type="checkbox"></td>
                    <td>1003</td>
                    <td>王五</td>
                    <td>女</td>
                    <td>1234</td>
                    <td>27</td>
                    <td>1993-3-3</td>
                </tr>
    
                <tr class="warning">
                    <td><input type="checkbox"></td>
                    <td>1004</td>
                    <td>赵六</td>
                    <td>女</td>
                    <td>1234</td>
                    <td>26</td>
                    <td>1994-4-4</td>
                </tr>

            
        </table>
    <!-- </form> -->

    <script src="./WEB-INF/js/bootstrap.min.js"></script>
    <script src="./WEB-INF/js/jquery-3.3.1.min.js"></script>

    <script src="WEB-INF/js/js.js">
 
    </script>
 
</body>

</html>
